<template>
  <div>
    用户名: <input type="text" v-model.trim="name"><br>
    密码: <input type="password" v-model="password"><br>
    价格: <input type="text" v-model.number="price"> <br>
    性别: <input type="radio" value="nan" v-model="sex">男 
          <input type="radio" value="nv" v-model="sex">女<br>
   民族: <select v-model="minzu">
         <option value="hanzu">汉族</option>
         <option value="huizu">回族</option>
         <option value="manzu">满族</option>
   </select><br>
   爱好: <input type="checkbox" value="sing" v-model="hobby">唱歌
         <input type="checkbox" value="dance" v-model="hobby">跳舞
         <input type="checkbox" value="chess" v-model="hobby">下棋 <br>
  协议: <input type="checkbox" v-model="isagree">我同意 <br>
  个人介绍: <textarea v-model="text"></textarea><br>
  备注: <input type="text" v-model.lazy="els">
  </div>
</template>

<script>
export default {
  data(){
    return{
      name:'',
      password:'',
      sex:'',
      minzu:'hanzu',
      hobby:[],
      isagree:'',
      text:'',
      price:'',
      els:''
    }
  }
}
</script>

<style>

</style>